<template>
  <div class="empty-container">
    <Icon type="empty" />
    <p>{{ text }}</p>
  </div>
</template>

<script>
import Icon from "../Icon/index.vue";

export default {
  components: {
    Icon,
  },
  props: {
    text: {
      types: String,
      required: false,
      default: "无数据",
    },
  },
};
</script>

<style scoped lang="less">
@import "~@/styles/mixin.less";
@import "~@/styles/var.less";
.icon-container {
  font-size: 72px;
}
.empty-container {
  .self-center();
  color: @gray;
  text-align: center;
}
</style>